<template>

<view class="page">
	  <view class="group_1">
	   <image :src="driver.avatar" class="image_1" @blur="bindblur"></image>
	    <view class="text-wrapper_7">
	      <text lines="1" class="text_1">{{name}}</text>
	      <text lines="1" class="text_2">{{data}}</text>
	    </view>
	  </view>
	  <!-- <button @click="m">上线</button> -->
	  <view class="group_6">
	    <view class="group_2">
	      <view class="list_3">
	        <view class="text-group_2-0">
	          <text lines="1" class="text_3-0">{{day_total_order}}</text>
	          <text lines="1" class="text_4-0">今日订单数量</text>
	        </view>
	        <view class="text-group_2-1">
	          <text lines="1" class="text_3-1">{{total_price}}</text>
	          <text lines="1" class="text_4-1">累计收益</text>
	        </view>
	        <view class="text-group_2-2">
	          <text lines="1" class="text_3-2">{{total}}</text>
	          <text lines="1" class="text_4-2">累计订单数</text>
	        </view>
	      </view>
	    </view>
	    <view class="text-wrapper_2">
		  <text class="t2" :class="{ t1: map.status == 'all' }" @tap="setMap('status', 'all' )">全部</text>
		  <text class="t2" :class="{ t1: map.status == 99 }" @tap="setMap('status', 99)">已完成</text>
		  <text class="t2" :class="{ t1: map.status == -1 }" @tap="setMap('status', -1)">已取消</text>
	    </view>
	    <view class="list_4">
	      <view class="list-items_1-0" v-if="order.total > 0" v-for="(v, i) in order.data" :key="i" @tap="navigateTo('/pagesA/order-deatil/drverorderDeatil?order_id=' + v.id)">
	        <view class="block_1-0">
	          <view class="text-wrapper_3-0">
	            <text lines="1" class="text_9-0" v-if="v.is_system_order===1">系</text>
				 <text lines="1" class="text_9-0" v-if="v.driver_number>1">多</text>
				 <text lines="1" class="text_9-0" v-if="v.driver_number===1">单</text>
	          </view>
	          <text lines="1" class="text_10-0">用户姓名</text>
	          <text lines="1" class="text_11-0">{{ v.mobile }}</text>
	          <text lines="1" class="text_12-0">{{ v.status_text }}</text>
	        </view>
			
	        <view class="block_2-0">
	          <view class="text-wrapper_8-0">
	            <text lines="1" class="text_13-0">两地距离</text>
	            <text lines="1" class="text_14-0">出发地</text>
	          </view>
	          <view class="text-wrapper_9-0">
	            <text lines="1" decode="true" class="text_15-0" v-if="v.end == ''">0&nbsp;km</text>
				<text lines="1" decode="true" class="text_15-0" v-else>{{v.distance|kilometer}}km</text>
	            <text lines="1" class="text_16-0">{{v.start}}</text>
	          </view>
<!-- 	          <text lines="1" class="text_17-0">￥</text>
	          <text lines="1" class="text_18-0">{{v.price}}</text> -->
			  <view style="width: 70%;height: 52rpx;text-align: right;">
				  <view class="price_m">{{v.price}}</view>
			  	<view class="price_font">￥</view>
			  	
			  </view>
	        </view>
	        <view class="block_3-0">
	          <text lines="1" class="text_19-0">目的地</text>
	          <text lines="1" class="text_20-0">{{ v.end }}</text>
	          <button bindtap="onClick" class="text-wrapper_6-0">
	            <text lines="1" class="text_21-0"  >查看订单</text>
	          </button>
	        </view>
	      </view>
	  
	
	    </view>
	  </view>
	 
	  </view> 
	
</template>

<script>
import helper from '../../common/helper.js';
import api from '../../common/api.js';
export default {
  data() {
    return {
		data:"",
		name:"",
		driver: "",
      map: {
		imagesURL:"",
        status: 'all',
        page: 1,
        type: 'driver'
      },
      order: {},
	  day_total_order:"",
	  total_price:"",
	  total:""
    };
  },
  filters: {
	  kilometer: value => {
	  	// console.log("5555")
	  	let distance = parseFloat(value / 1000);
	  	return distance.toFixed(2);
	  },
    date: value => {
      let date = new Date(value * 1000);
      let h = date.getHours();
      let m = date.getMinutes();
      return (h > 9 ? h : '0' + h) + ':' + (m > 9 ? m : '0' + m);
    }
  },
  onShow() {
    this.getList();
	this.dateTimeStr();
	// console.log("tupian",getApp().globalData.host_image)
	this.imagesURL=getApp().globalData.host_image
  },
  methods: {
	   dateTimeStr(str){
	  	var date = new Date(),
	  	year = date.getFullYear(), //年
	  	month = date.getMonth() + 1, //月
	  	day = date.getDate(), //日
	  	hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(), //时
	  	minute = date.getMinutes() < 10 ? date.getMinutes() : date.getMinutes(), //分
	  	second = date.getSeconds() < 10 ? date.getSeconds() : date.getSeconds(); //秒
	  	month >= 1 && month <= 9 ? (month = "0" + month) : "";
	  	day >= 0 && day <= 9 ? (day = "0" + day) : "";
	  	hour >= 0 && hour <= 9 ? hour : "";
	  	minute >= 0 && minute <= 9 ? (minute = "0" + minute) : "";
	  	second >= 0 && second <= 9 ? (second = "0" + second) : "";
	  	
	  	
		// console.log(date)
	  },
	  
		bindblur(e) {
					this.nickName = e.detail.value; // 获取微信昵称
				},
				async getList() {
				let res = await api.getOrderList(this.map);
				this.order = res.data;
				this.total = res.data.total
				this.day_total_order = res.driver_data.day_total_order
				this.total_price = res.driver_data.total_price
			
				let ret = await api.getOrderInfo(res.data.data[0].id);
				// console.log("司机头像", ret.data.driver)
				this.driver = ret.data.driver
				// console.log("999",ref);
			
			
				let ref = await api.getApplyInfo(res.data.data[0].id);
				// console.log("司机电话", ref.data.mobile)
				this.data = ref.data.mobile
				this.name = ref.data.name
				// console.log("999",ref);
				},
    onPullDownRefresh() {
      this.map.page = 1;
      this.getList();
    },
    onReachBottom() {
      
        this.getList();
      
    },
    navigateTo(url) {
      uni.navigateTo({
        url: url
      });
    },
    setMap(key, value) {
      this.map[key] = value;
      this.map.page = 1;
      this.getList();
    },
	// m(){
	// 	console.log(999)
	// }
  }
};
</script>
<style lang="less" scoped>
	.page {
	  background-color: rgba(248,248,248,1.000000);
	  position: relative;
	  width: 750rpx;
	  // height: 1624rpx;
	  overflow: hidden;
	  display: flex;
	  flex-direction: column;
	}
	.group_1 {
	  background-image: linear-gradient(270deg, rgba(48,56,80,1.000000) 0, rgba(75,86,126,1.000000) 100.000000%);
	  width: 750rpx;
	  height: 200rpx;
	  flex-direction: row;
	  display: flex;
	  justify-content: space-between;
	}
	.image_1 {
	  width: 120rpx;
	  height: 120rpx;
	  margin: 40rpx 0 0 218rpx;
	  border-radius: 60rpx;
	}
	.text-wrapper_7 {
	  width: 174rpx;
	  height: 90rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  margin: 52rpx 214rpx 0 0;
	}
	.text_1 {
	  width: 96rpx;
	  height: 32rpx;
	  overflow-wrap: break-word;
	  color: rgba(255,255,255,1.000000);
	  font-size: 32rpx;
	  font-family: Source Han Sans CN-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 32rpx;
	}
	.text_2 {
	  width: 174rpx;
	  height: 28rpx;
	  overflow-wrap: break-word;
	  color: rgba(255,255,255,1.000000);
	  font-size: 28rpx;
	  font-family: Source Han Sans CN-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 28rpx;
	  margin-top: 30rpx;
	}
	.group_6 {
	  width: 750rpx;
	  height: 100%;
	  margin-bottom: 2rpx;
	  display: flex;
	  flex-direction: column;
	}
	.group_2 {
	  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.160784);
	  background-color: rgba(255,255,255,1.000000);
	  height: 166rpx;
	  display: flex;
	  flex-direction: column;
	  width: 750rpx;
	}
	.list_3 {
	  // width: 786rpx;
	  height: 110rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 36rpx auto;
	  // margin: 36rpx;
	  align-items: center;
	  justify-content: center;
	  
	  view{
		  width:250rpx; 
		  display: flex;
		  flex-direction: column;
		  justify-content: center;
		  align-items: center;
	  }
	  /* view{
		  width:250rpx;
	  } */
	}
	/* .text-group_2-0 {
	  width: 166rpx;
	  height: 110rpx;
	  margin-right: 118rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	} */
	.text_3-0 {
	  width: 88rpx;
	  height: 52rpx;
	  overflow-wrap: break-word;
	  color: rgba(49,50,54,1.000000);
	  font-size: 52rpx;
	  font-family: Arial-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 52rpx;
	  margin-left: 54rpx;
	}
	.text_4-0 {
	  width: 166rpx;
	  height: 28rpx;
	  overflow-wrap: break-word;
	  color: rgba(169,169,169,1.000000);
	  font-size: 28rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 28rpx;
	  margin-top: 30rpx;
	}
	/* .text-group_2-1 {
	  width: 166rpx;
	  height: 110rpx;
	  margin-right: 118rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	} */
	.text_3-1 {
	  // width: 88rpx;
	  height: 52rpx;
	  overflow-wrap: break-word;
	  color: rgba(49,50,54,1.000000);
	  font-size: 52rpx;
	  font-family: Arial-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 52rpx;
	  margin-left: 12rpx;
	}
	.text_4-1 {
	  // width: 166rpx;
	  height: 28rpx;
	  overflow-wrap: break-word;
	  color: rgba(169,169,169,1.000000);
	  font-size: 28rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 28rpx;
	  margin-top: 30rpx;
	}
	/* .text-group_2-2 {
	  width: 166rpx;
	  height: 110rpx;
	  margin-right: 118rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	} */
	.text_3-2 {
	  width: 88rpx;
	  height: 52rpx;
	  overflow-wrap: break-word;
	  color: rgba(49,50,54,1.000000);
	  font-size: 52rpx;
	  font-family: Arial-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 52rpx;
	  margin-left: 40rpx;
	}
	.text_4-2 {
	  width: 166rpx;
	  height: 28rpx;
	  overflow-wrap: break-word;
	  color: rgba(169,169,169,1.000000);
	  font-size: 28rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 28rpx;
	  margin-top: 30rpx;
	}
	.text-wrapper_2 {
	  background-color: rgba(255,255,255,1.000000);
	  width: 750rpx;
	  height: 64rpx;
	  margin-top: 20rpx;
	  flex-direction: row;
	  display: flex;
	}
	.t1 {
	  width: 48%;
	  text-align: center;
	  color: #3294FF;
	}
	.t2 {
	 width: 56rpx;
	 height: 28rpx;
	 overflow-wrap: break-word;
	 // color: rgba(50,148,255,1.000000);
	 font-size: 28rpx;
	 font-family: AlibabaPuHuiTi-Regular;
	 font-weight: normal;
	 text-align: left;
	 white-space: nowrap;
	 line-height: 28rpx;
	 margin: 16rpx 0 0 60rpx;
	}
	.list_4 {
	  width: 682rpx;
	  // height: 840rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  margin: 18rpx 0 318rpx 34rpx;
	}
	.list-items_1-0 {
	  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.160784);
	  background-color: rgba(255,255,255,1.000000);
	  border-radius: 20rpx;
	  height: 264rpx;
	  margin-bottom: 24rpx;
	  width: 682rpx;
	  display: flex;
	  flex-direction: column;
	}
	.block_1-0 {
	  width: 622rpx;
	  height: 52rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 24rpx 0 0 34rpx;
	}
	.text-wrapper_3-0 {
	  border-radius: 100%;
	  height: 52rpx;
	  display: flex;
	  flex-direction: column;
	  width: 52rpx;
	  background: rgba(50,148,255,1.000000);
	}
	.text_9-0 {
	  width: 24rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(255,255,255,1.000000);
	  font-size: 24rpx;
	  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 16rpx 0 0 16rpx;
	}
	.text_10-0 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 2rpx 0 0 22rpx;
	}
	.text_11-0 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 2rpx 0 0 26rpx;
	}
	.text_12-0 {
	 width: 363rpx;
	     height: 28rpx;
	     overflow-wrap: break-word;
	     color: #9a9a9a;
	     font-size: 28rpx;
	     font-family: AlibabaPuHuiTi-Medium;
	     font-weight: 500;
	     text-align: right;
	     white-space: nowrap;
	     line-height: 28rpx;
	     /* margin-left: 226rpx; */
	     /* margin-right: 12px; */
	     display: inline-block;
	}
	.block_2-0 {
	  width: 546rpx;
	  height: 78rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 4rpx 0 0 106rpx;
	}
	.text-wrapper_8-0 {
	  width: 96rpx;
	  height: 78rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.text_13-0 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-left: 2rpx;
	}
	.text_14-0 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-top: 30rpx;
	}
	.text-wrapper_9-0 {
	  width: 100rpx;
	  height: 78rpx;
	  margin-left: 24rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.text_15-0 {
	  width: 100rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: Arial-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	}
	.text_16-0 {
		 width: 94rpx;
	     height: 24rpx;
	     overflow-wrap: break-word;
	     color: #aaaaaa;
	     font-size: 24rpx;
	     font-family: AlibabaPuHuiTi-Regular;
	     font-weight: normal;
	     text-align: left;
	     white-space: nowrap;
	     line-height: 24rpx;
	     margin-top: 30rpx;
	     text-overflow: ellipsis;
	     overflow: hidden;
	}
	// .text_17-0 {
	//   width: 28rpx;
	//   height: 28rpx;
	//   overflow-wrap: break-word;
	//   color: rgba(25,25,25,1.000000);
	//   font-size: 28rpx;
	//   font-family: AlibabaPuHuiTi-Heavy;
	//   font-weight: 900;
	//   text-align: center;
	//   white-space: nowrap;
	//   line-height: 28rpx;
	//   margin: 30rpx 0 0 160rpx;
	// }
	// .text_18-0 {
	//   width: 220rpx;
	//   height: 52rpx;
	//   overflow-wrap: break-word;
	//   color: rgba(26,26,26,1.000000);
	//   font-size: 52rpx;
	//   font-family: Arial-Bold;
	//   font-weight: 700;
	//   text-align: right;
	//   white-space: nowrap;
	//   line-height: 52rpx;
	//   margin: 12rpx 0 0 -40rpx;
	// }
	.price_m{
		height: 52rpx;
		line-height: 52rpx;
		float: right;
		font-size: 52rpx;
	}
	.price_font{
		height: 52rpx;
		line-height: 52rpx;
		float: right;
		font-size: 28rpx;
	}
	.block_3-0 {
	  width: 548rpx;
	  height: 56rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 24rpx 0 26rpx 106rpx;
	}
	.text_19-0 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-top: 6rpx;
	}
	.text_20-0 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 6rpx 0 0 48rpx;
	}
	.text-wrapper_6-0 {
	  background-color: rgba(255,255,255,1.000000);
	  border-radius: 28rpx;
	  height: 56rpx;
	  border: 1px solid rgba(50,148,255,1);
	  margin-left: 216rpx;
	  display: flex;
	  flex-direction: column;
	  width: 140rpx;
	  
	  // text-align: center;
	  text-align: right;
	}
	.text_21-0 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(50,148,255,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  // text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  // margin: 18rpx 0 0 24rpx;
	  display: inline-block;
	  margin: 7px auto;
	}
	.list-items_1-1 {
	  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.160784);
	  background-color: rgba(255,255,255,1.000000);
	  border-radius: 20rpx;
	  height: 264rpx;
	  margin-bottom: 24rpx;
	  width: 682rpx;
	  display: flex;
	  flex-direction: column;
	}
	.block_1-1 {
	  width: 622rpx;
	  height: 52rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 24rpx 0 0 34rpx;
	}
	.text-wrapper_3-1 {
	  border-radius: 100%;
	  height: 52rpx;
	  display: flex;
	  flex-direction: column;
	  width: 52rpx;
	  background: rgba(242,99,44,1.000000);
	}
	.text_9-1 {
	  width: 24rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(255,255,255,1.000000);
	  font-size: 24rpx;
	  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 16rpx 0 0 16rpx;
	}
	.text_10-1 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 2rpx 0 0 22rpx;
	}
	.text_11-1 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 2rpx 0 0 26rpx;
	}
	.text_12-1 {
	  width: 84rpx;
	  height: 28rpx;
	  overflow-wrap: break-word;
	  color: rgba(154,154,154,1.000000);
	  font-size: 28rpx;
	  font-family: AlibabaPuHuiTi-Medium;
	  font-weight: 500;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 28rpx;
	  margin-left: 272rpx;
	}
	.block_2-1 {
	  width: 546rpx;
	  height: 78rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 4rpx 0 0 106rpx;
	}
	.text-wrapper_8-1 {
	  width: 96rpx;
	  height: 78rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.text_13-1 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-left: 2rpx;
	}
	.text_14-1 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-top: 30rpx;
	}
	.text-wrapper_9-1 {
	  width: 100rpx;
	  height: 78rpx;
	  margin-left: 24rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.text_15-1 {
	  width: 100rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: Arial-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	}
	.text_16-1 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-top: 30rpx;
	}
	.text_17-1 {
	  width: 28rpx;
	  height: 28rpx;
	  overflow-wrap: break-word;
	  color: rgba(25,25,25,1.000000);
	  font-size: 28rpx;
	  font-family: AlibabaPuHuiTi-Heavy;
	  font-weight: 900;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 28rpx;
	  margin: 30rpx 0 0 236rpx;
	}
	.text_18-1 {
	  width: 60rpx;
	  height: 52rpx;
	  overflow-wrap: break-word;
	  color: rgba(26,26,26,1.000000);
	  font-size: 52rpx;
	  font-family: Arial-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 52rpx;
	  margin: 12rpx 0 0 2rpx;
	}
	.block_3-1 {
	  width: 548rpx;
	  height: 56rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 24rpx 0 26rpx 106rpx;
	}
	.text_19-1 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-top: 6rpx;
	}
	.text_20-1 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 6rpx 0 0 48rpx;
	}
	.text-wrapper_6-1 {
	  background-color: rgba(255,255,255,1.000000);
	  border-radius: 28rpx;
	  height: 56rpx;
	  border: 1px solid rgba(50,148,255,1);
	  margin-left: 216rpx;
	  display: flex;
	  flex-direction: column;
	  width: 140rpx;
	}
	.text_21-1 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(50,148,255,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 18rpx 0 0 24rpx;
	}
	.list-items_1-2 {
	  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.160784);
	  background-color: rgba(255,255,255,1.000000);
	  border-radius: 20rpx;
	  height: 264rpx;
	  margin-bottom: 24rpx;
	  width: 682rpx;
	  display: flex;
	  flex-direction: column;
	}
	.block_1-2 {
	  width: 622rpx;
	  height: 52rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 24rpx 0 0 34rpx;
	}
	.text-wrapper_3-2 {
	  border-radius: 100%;
	  height: 52rpx;
	  display: flex;
	  flex-direction: column;
	  width: 52rpx;
	  background: rgba(254,151,58,1.000000);
	}
	.text_9-2 {
	  width: 24rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(255,255,255,1.000000);
	  font-size: 24rpx;
	  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 16rpx 0 0 16rpx;
	}
	.text_10-2 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 2rpx 0 0 22rpx;
	}
	.text_11-2 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 2rpx 0 0 26rpx;
	}
	.text_12-2 {
	  width: 84rpx;
	  height: 28rpx;
	  overflow-wrap: break-word;
	  color: rgba(154,154,154,1.000000);
	  font-size: 28rpx;
	  font-family: AlibabaPuHuiTi-Medium;
	  font-weight: 500;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 28rpx;
	  margin-left: 272rpx;
	}
	.block_2-2 {
	  width: 546rpx;
	  height: 78rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 4rpx 0 0 106rpx;
	}
	.text-wrapper_8-2 {
	  width: 96rpx;
	  height: 78rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.text_13-2 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-left: 2rpx;
	}
	.text_14-2 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-top: 30rpx;
	}
	.text-wrapper_9-2 {
	  width: 100rpx;
	  height: 78rpx;
	  margin-left: 24rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.text_15-2 {
	  width: 100rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: Arial-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	}
	.text_16-2 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-top: 30rpx;
	}
	.text_17-2 {
	  width: 28rpx;
	  height: 28rpx;
	  overflow-wrap: break-word;
	  color: rgba(25,25,25,1.000000);
	  font-size: 28rpx;
	  font-family: AlibabaPuHuiTi-Heavy;
	  font-weight: 900;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 28rpx;
	  margin: 30rpx 0 0 236rpx;
	}
	.text_18-2 {
	  width: 60rpx;
	  height: 52rpx;
	  overflow-wrap: break-word;
	  color: rgba(26,26,26,1.000000);
	  font-size: 52rpx;
	  font-family: Arial-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 52rpx;
	  margin: 12rpx 0 0 2rpx;
	}
	.block_3-2 {
	  width: 548rpx;
	  height: 56rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 24rpx 0 26rpx 106rpx;
	}
	.text_19-2 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(61,61,61,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin-top: 6rpx;
	}
	.text_20-2 {
	  width: 72rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(170,170,170,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 6rpx 0 0 48rpx;
	}
	.text-wrapper_6-2 {
	  background-color: rgba(255,255,255,1.000000);
	  border-radius: 28rpx;
	  height: 56rpx;
	  border: 1px solid rgba(50,148,255,1);
	  margin-left: 216rpx;
	  display: flex;
	  flex-direction: column;
	  width: 140rpx;
	}
	.text_21-2 {
	  width: 94rpx;
	  height: 24rpx;
	  overflow-wrap: break-word;
	  color: rgba(50,148,255,1.000000);
	  font-size: 24rpx;
	  font-family: AlibabaPuHuiTi-Regular;
	  font-weight: normal;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 24rpx;
	  margin: 18rpx 0 0 24rpx;
	}
	.bottom {
	  background-color: #ffffff;
	  position: fixed;
	  width: 100%;
	  bottom: 0;
	  height: 120upx;
	  display: flex;
	  align-items: center;
	  justify-content: space-around;
	  .item {
	    display: flex;
	    flex-direction: column;
	    width: 33.33%;
	    align-items: center;
	    font-size: 24upx;
	    .icon {
	      font-size: 56upx;
	      color: #999999;
	    }
	  }
	}
</style>

<!-- <style lang="scss" scoped>
page,
.index {
  height: 100%;
  background-color: #fbfbfb;
  .usertop{
	  width: 375pt;
	  height: 90pt;
	  background:#303850 ;
	  .usercontent{
		  width: 310px;
		  height: 90pt;
		  // background: #979797;
		  margin: 0 10%;
		  display: flex;
		  flex-direction: row;
		  align-items: center;
		  justify-content: center;
		  .user{
			  display: flex;
			  flex-direction: column;
			  justify-content: center;
			  color: #ffffff;
			 margin-left: 13px;
			 font-size: 16pt;
		  }
		  img{
			  border-radius: 40px;
		  }
		  
		  
	  }
  }
  .usermidel{
	  width: 300pt;
	  height: 66pt;
	  background: #FFFFFF;
	  display: flex;
	  flex-direction: row;
	  border-bottom: 1px solid #ccc;
	  // justify-content: center;
	  align-items: center;
	  .today{
		  width: 142px;
		  height: 80px;
		  display: flex;
		  flex-direction: column;
		  justify-content: center;
		  align-items: center;
		  .num{
			  font-size: 26pt;
		  }
		  .ordernum{
			  font-size: 14pt;
			  color: #A9A9A9;
		  }
	  }
  }
}
.center {
  padding: 30upx;
}
.center1 {
  padding: 30upx;
}
.nav {
  display: flex;
  padding: 20upx;
  font-size: 28upx;
  background-color: #ffffff;
  .t1 {
    width: 48%;
    text-align: center;
    color: #3294FF;
	font-size: 14pt;
  }
  .t2 {
    width: 48%;
    text-align: center;
  }
  .icon {
    font-size: 30upx;
  }
}
.orders {
  margin-bottom: 30upx;
  display: flex;
  padding: 20upx 20upx;
  border-radius: 10upx;
  box-shadow: 1px 1px 1px 1px #eaeaea;
  align-items: center;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  .icon {
    font-size: 48upx;
  }
  .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 24upx;
    .input {
      display: flex;
      align-items: center;
      color: #999999;
    }
    .more {
      font-size: 28upx;
    }
  }
  .left {
    width: 80%;
    .input {
      width: 100%;
      padding: 6upx 0;
      display: flex;
      align-items: center;
      .time {
        width: 70%;
        font-size: 25upx;
        color: #979797;
      }
      .address {
        width: 70%;
        font-size: 26upx;
      }
    }
  }
  .right {
    width: 20%;
    font-size: 26upx;
    color: #e51c23;
    button {
      width: 60%;
      background-color: #32c45e;
      margin-top: 20upx;
      border-radius: 50upx;
      padding: 0 10upx;
      font-size: 22upx;
    }
  }
  .button{
	  color: #3294FF;
	      width: 70px;
	      height: 28px;
	      line-height: 28px;
	      border-radius: 14pt 14pt 14pt 14pt;
	      border: 1px solid #3294FF;
	      text-align: center;
		  margin-left: 17rem;
  }
}

.bottom {
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  bottom: 0;
  height: 120upx;
  display: flex;
  align-items: center;
  justify-content: space-around;
  .item {
    display: flex;
    flex-direction: column;
    width: 33.33%;
    align-items: center;
    font-size: 24upx;
    .icon {
      font-size: 56upx;
      color: #999999;
    }
  }
}
.active {
  color: #32c45e !important;
  .icon {
    color: #32c45e !important;
  }
}
</style>
 -->